{extend name="base"/}
{block name="title"}
<title>妙百睿国际幼儿园-{$map_name}</title>
{/block}

<!--轮播开始-->
{block name="content"}
<div class="g-hert">
    <div class="container">
          <div class="row">
              <div class=" xuxian">
                  <p class="x-left pull-left">{$map_name} <span class="smalll"></span></p>
                  <p class="x-right pull-right">首页&nbsp;{$map}</p>
              </div>
              <div class="col-md-12 x-b">
                  <img class="hidden-xs" src="{$data.img_url1}" alt="">
                  <img class="visible-xs" src="{$data.img_url2}" alt="">
              </div>
              <div class="col-md-12 x-c">
                  <div class="x-c-t">
                      {$data.title1}
                  </div>
                  <div class="x-c-c">
                      <p class="x-c-c-t">
                          <?php echo str_replace("\r\n", '<br>', $data['content1']);?>
                      </p>
                  </div>
              </div>
              <div class="col-md-12 x-c">
                  <div class="x-c-t">
                      {$data.title2}
                  </div>
                  <div class="x-c-c">
                      <p class="x-c-c-t">
                          <?php echo str_replace("\r\n", '<br>', $data['content2']);?>
                      </p>
                  </div>
              </div>
              <div class="col-md-12 x-c">
                  <div class="x-c-t">
                      {$data.title3}
                  </div>
                  <div class="x-c-c">
                      <p class="x-c-c-t">
                          <?php echo str_replace("\r\n", '<br>', $data['content3']);?><br>
                      </p>
                  </div>
              </div>
          </div>
        <div class="row">
            <div class="col-md-12 row x-c">
                <div class="x-c-t">
                    {$data.title4}
                </div>
                <div class="x-c-c">
                    <p class="x-c-c-t">
                        <?php echo str_replace("\r\n", '<br>', $data['content4']);?>
                    </p>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                     <img class="zhe-img" src="__HTML__/img/zx-01_01.jpg"  alt="">
                     <img class="yan"  src="__HTML__/img/yan1.png"  alt="">
                      <p class="yan yan-b">用各种感官察觉</p>
                     <div class="zhe-zhao zhaoc"></div>
                     <div class="zhe-zhao zhezhao" >
                           <p class="title" >用各种感官察觉</p>
                           <p>用五感接受各种信息</p>
                           <p>用各种感觉去探索和感知问题以及环境</p>
                           <p>用亲身体验去学习</p>
                    </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_02.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan2.png"  alt="">
                        <p class="yan yan-b"> 协作思考</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" > 协作思考</p>
                            <p>能从他人那里获得想法</p>
                            <p>开放心态，愿意考虑他人的意见和建议</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_03.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan3.png"  alt="">
                        <p class="yan yan-b">  内省</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  内省</p>
                            <p>可以了解自己的思想、感觉、决定以及对其他人产生的影响</p>
                            <p> 不断的反思</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_04.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan4.png"  alt="">
                        <p class="yan yan-b">  故学新用</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  故学新用</p>
                            <p>参照以往的经验和知识，解决新的问题</p>
                            <p>运用他领域的经验至新的情境</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_05.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan5.png"  alt="">
                        <p class="yan yan-b">  清晰的思考和沟通</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  清晰的思考和沟通</p>
                            <p>沟通时力求精确和清晰</p>
                            <p>用最准确的词汇</p>
                            <p>思路 表达清晰</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_06.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan6.png"  alt="">
                        <p class="yan yan-b">  幽默感</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  幽默感</p>
                            <p>自嘲的能力和习惯</p>
                            <p>在尴尬或紧张中能够用幽默来融洽气氛</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_07.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan7.png"  alt="">
                        <p class="yan yan-b">  弹性思考</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  弹性思考</p>
                            <p> 多角度看待问题的能力</p>
                            <p>可以找到多种方案</p>
                            <p>衡量各种选项</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_08.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan8.png"  alt="">
                        <p class="yan yan-b">  提问和质疑</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  提问和质疑</p>
                            <p> 提问和质疑的能力</p>
                            <p>假设和求证的习惯</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_09.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan9.png"  alt="">
                        <p class="yan yan-b">  想象和创新</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  想象和创新</p>
                            <p>产生原创思想的能力</p>
                            <p>融合已有知识，产生新的做法的能力</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_10.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan10.png"  alt="">
                        <p class="yan yan-b">  控制冲动</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  控制冲动</p>
                            <p>先想后做</p>
                            <p>组织、计划然后才实施的习惯</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_11.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan11.png"  alt="">
                        <p class="yan yan-b">  同理心倾听</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >  同理心倾听</p>
                            <p>倾听的能力</p>
                            <p>换位思考并理解对方的习惯</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 magrin-3" >
                    <div class="zhao" >
                        <img class="zhe-img" src="__HTML__/img/zx-01_12.jpg"  alt="">
                        <img class="yan"  src="__HTML__/img/yan12.png"  alt="">
                        <p class="yan yan-b">坚持</p>
                        <div class="zhe-zhao zhaoc"></div>
                        <div class="zhe-zhao zhezhao" >
                            <p class="title" >坚持</p>
                            <p>持之以恒，达至目标</p>
                            <p>以退为进的能力</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 x-c">
                <div class="x-c-t">
                    {$data.title5}
                </div>
                <div class="x-c-c">
                    <p class="x-c-c-t speil-t">
                        {$data.content5}<br>
                    </p>

                </div>
            </div>
        </div>

    </div>

</div>
{/block}
{block name="js"}
<script type="text/javascript">
    $(function(){
        window.onresize = function() {
            var width = $(document).width();
            if (width > 767) {
                $('.zhao').mouseenter(function () {
                    $(this).find('.zhezhao').fadeIn()
                    $(this).find('.zhaoc').show()
                    $(this).find('.yan').fadeOut()
                })
                $('.zhao').mouseleave(function () {
                    $(this).find('.zhezhao').fadeOut()
                    $(this).find('.zhaoc').hide()
                    $(this).find('.yan').fadeIn()
                })
            }
        }()
    })
</script>
{/block}